iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Modern Web

FlowNest系列 第 1

Day01_想找回自己的專注力

  • 分享至 

  • xImage
  •  

選擇主題

今年的主題是由自己的困難出發,由於我現在常常面臨注意力不集中、下班耍廢、滑手機的情況,而我自己是希望在下班後能夠做一些事情讓自己提升,因此分心的情況常常困擾著我。
接著跟小C(chatgpt)聊了一下,後來決定以flownest這個主題,做一個可以幫助自己提升專注力的web網站,且先以mobile first為主。

技術選型

之前曾經使用React架過站(也是去年的參賽網站),這次就決定使用Vue3+Vite,順便學一點新東西;樣式的部分則一樣使用tailwindcss。

今天做的

  1. 定義MVP四頁:Welcome → Focus Setup → Focus Timer → Done
  2. 畫簡易的figma草圖(Wirefeame):這邊是透過stitch、小c一起想的,也透過Recraft輔助產出svg檔
    我和recraft畫的
    https://ithelp.ithome.com.tw/upload/images/20250912/20168406lxrkzblvpx.png
    小C畫的
    https://ithelp.ithome.com.tw/upload/images/20250912/20168406rpbmcSO7zw.png
    stitch畫的
    https://ithelp.ithome.com.tw/upload/images/20250912/20168406yYdZ9G6yh1.png
  3. 完成 Vue 3 + Vite 專案初始化

明天見

希望今年可以持續,並完成自己的專案,祝大家週末愉快


下一篇
Day02_四個畫面
系列文
FlowNest30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Wolke
iT邦研究生 4 級 ‧ 2025-10-10 18:59:43

感謝 未知作者 的精彩分享!

JavaScript 生態系統真的很豐富,這樣的分享對開發者很有幫助。

也歡迎版主有空參考我的系列文「南桃AI重生記」:https://ithelp.ithome.com.tw/users/20046160/ironman/8311

如果覺得有幫助的話,也歡迎訂閱支持!

我要留言

立即登入留言